﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <title>数据字典</title>
</head>
<body>
    <div class="page-container">
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <a href="javascript:;" onclick="admin_add('新增字典信息', 'DataDictionary-Add.html', '400', '200')" class="btn btn-primary radius" style="float:left;">
                    <i class="Hui-iconfont">&#xe600;</i> 新增字典
                </a>
                <select id="Dic_Dta" class="select-default" style="float:left; padding-left:50px; "></select>
                <button onclick="admin_show()" class="btn btn-success" style="float:left;">
                    <i class="Hui-iconfont">&#xe665;</i> 查询
                </button>
            </span>
            <span class="r">共有数据：<strong id="count"></strong> 条</span>
        </div>
        <table class="table table-border table-bordered table-bg">
            <thead>
                <tr class="text-c">
                    <th width="30">字典编号</th>
                    <th width="300">字典名称</th>
                    <th width="30">字典类型</th>
                    <th width="30">操作</th>
                </tr>
            </thead>
            <tbody id="show"></tbody>
        </table>
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer 作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript">
        /*
            参数解释：
            title	标题
            url		请求的url
            id		需要操作的数据id
            w		弹出层宽度（缺省调默认值）
            h		弹出层高度（缺省调默认值）
        */
        $(function () {
            $.ajax({
                type: 'Get',
                url: 'http://localhost:41607/api/Entrance/GetDictionary_StateShow',
                //  dataType: 'json',
                success: function (data) {
                    var select = '<option value="0">《--选择字典类型--》</option>';
                    $(data).each(function (i, j) {
                        select += ' <option value="' + j.DSid + '">' + j.DSname + '</option>'
                    })
                    $("#Dic_Dta").html(select);
                },
            });
            $.ajax({
                type: 'Get',
                url: 'http://localhost:41607/api/Entrance/GetDictionary_link_show',
                //  dataType: 'json',
                success: function (data) {
                    var content = '';
                    var count = 0;
                    $(data).each(function (i, j) {
                        content += '   <tr class="text-c">'
                        content += ' <td class="auto-style1">' + j.Did + '</td>'
                        content += ' <td class="auto-style1">' + j.DictionaryName + '</td>'
                        content += '  <td class="auto-style1" value="' + j.DSid + '" >' + j.DSname + '</td>'
                        content += '<td class="td-manage"><a title="编辑" href="javascript:" onclick="admin_edit(this,'+j.Did+')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,' + j.Did + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>'
                        content += ' </tr>'
                        count++;
                    })
                    $("#show").html(content);
                    $("#count").html(count);
                },
            });
        })
        /*条件查询*/
        function admin_show() {
            var id = $("#Dic_Dta").val();
            if (id == 0) {
                location.reload();
            }
            else {
                $.ajax({
                    type: 'Get',
                    url: 'http://localhost:41607/api/Entrance/GetDictionarySelect1',
                    data: {
                        id: id
                    },
                    success: function (data) {
                        var content = '';
                        var count = 0;
                        $(data).each(function (i, j) {
                            content += '   <tr class="text-c">'
                            content += ' <td class="auto-style1">' + j.Did + '</td>'
                            content += ' <td class="auto-style1">' + j.DictionaryName + '</td>'
                            content += '  <td class="auto-style1" value="' + j.DSid + '" >' + j.DSname + '</td>'
                            content += '<td class="td-manage"><a title="编辑" href="javascript:" onclick="admin_edit(this,' + j.Did + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,' + j.Did + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>'
                            content += ' </tr>'
                            count++;
                        })
                        $("#show").html(content);
                        $("#count").html(count);
                    },
                });
            }
        }
        /*管理员-编辑*/
        function admin_edit(obj, id) {
            sessionStorage.setItem("Did", id);
            layer_show("管理员编辑", "DataDictionary-Edit.html", "400", "200")
        }
        /*管理员-增加*/
        function admin_add(title, url, w, h) {
            var Dmenuid = $("#Dic_Dta").val();
            if (Dmenuid == 0) {
                alert("选择字典类型进行添加字典");
            }
            else {
                $.ajax({
                    type: 'Get',
                    url: 'http://localhost:41607/api/Entrance/GetDictionarySelect1',
                    data: {
                        id: Dmenuid
                    },
                    success: function (data) {
                        var content = '';
                        var Did = 0;
                        $(data).each(function (i, j) {
                            content += '   <tr class="text-c">'
                            content += ' <td class="auto-style1">' + j.Did + '</td>'
                            content += ' <td class="auto-style1">' + j.DictionaryName + '</td>'
                            content += '  <td class="auto-style1"value="' + j.DSid + '" >' + j.DSname + '</td>'
                            content += '<td class="td-manage"><a title="编辑" href="javascript:" onclick="admin_edit(this,' + j.Did + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,' + j.Did + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>'
                            content += ' </tr>'
                            Did = j.Did + 1;
                        })
                        var session = window.localStorage;
                        session.setItem("Did", Did);
                        session.setItem("Dmenuid", Dmenuid);
                        layer_show(title, url + '?Did=' + session.getItem('Did') + '&Dmenuid=' + session.getItem('Dmenuid'), w, h);
                    },
                });
            }
        }
        /*管理员-删除*/
        function admin_del(obj, id) {
            layer.confirm('确认要删除吗？', function (index) {
                $.ajax({
                    type: 'Get',
                    url: 'http://localhost:41607/api/Entrance/GetDictionaryDelete',
                    data: {
                        id: id
                    },
                    success: function (data) {
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', { icon: 1, time: 1000 });
                    },
                    error: function (data) {
                        console.log(data.msg);
                    },
                });
            });
        }
    </script>
</body>
</html>